@font-face {
  font-family: Black;
  src: url("./Inter-Black.ttf");
}
@font-face {
  font-family: Bold;
  src: url("./Inter-Bold.ttf");
}
@font-face {
  font-family: ExtraBold;
  src: url("./Inter-ExtraBold.ttf");
}
@font-face {
  font-family: ExtraLight;
  src: url("./Inter-ExtraLight.ttf");
}
@font-face {
  font-family: Light;
  src: url("./Inter-Light.ttf");
}
@font-face {
  font-family: Medium;
  src: url("./Inter-Medium.ttf");
}
@font-face {
  font-family: Regular;
  src: url("./Inter-Regular.ttf");
}
@font-face {
  font-family: SemiBold;
  src: url("./Inter-SemiBold.ttf");
}
@font-face {
  font-family: Thin;
  src: url("./Inter-Thin.ttf");
}
@font-face {
  font-family: VariableFont_slnt;
  src: url("./Inter-VariableFont_slnt\,wght.ttf");
}

::-webkit-scrollbar-track-piece {
  -webkit-border-radius: 0;
}
::-webkit-scrollbar {
  width: 8px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: #b8b8b8;
  -webkit-border-radius: 6px;
  outline-offset: -2px;
  filter: alpha(opacity = 50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
::-webkit-scrollbar-thumb:hover {
  height: 50px;
  background-color: #878987;
  -webkit-border-radius: 6px;
}
